﻿<%@ Page Title="Forget Password" Language="C#" MasterPageFile="~/GEMS.master" AutoEventWireup="true"
    CodeFile="ForgetPassword.aspx.cs" Inherits="vp_Billing_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script language="javascript" type="text/javascript">
        function validation() {

            var Show = '';
            if (document.getElementById("<%=txtUsername.ClientID %>").value == "") {
                Show = Show + '\n - Enter user Name';
            }
            if (document.getElementById("<%=txtEmail.ClientID %>").value == "") {
                Show = Show + '\n - Enter Email ID';
            }
            else {
                var emailPat = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                var emailid = document.getElementById("<%=txtEmail.ClientID %>").value;
                var matchArray = emailid.match(emailPat);
                if (matchArray == null) {

                    document.getElementById("<%=txtEmail.ClientID %>").focus();
                    Show = Show + '\n - Enter Valid Email ID';
                }

            }
            if (Show != '') {
                alert(Show);
                return false;
            }
            else {
                return true;
            }
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="container960">
        <div class="container_12 container_16">
            <div class="full">
                <div class="content">
                    <h2>
                        Forget Password</h2>
                    <div class="f_head" style="height: 140px;">
                        <div class="head_con">
                            <h3>
                                Please type in your email address. We send you the password to your E-Mail.</h3>
                            <div style="text-align: center; margin-left: 210px; margin-top: 20px;">
                                <div class="c1">
                                    <div class="rw1">
                                        <span class="text">User Name </span>
                                        <asp:TextBox ID="txtUsername" runat="server" CssClass="text_field field"></asp:TextBox>
                                    </div>
                                    <div class="rw1">
                                        <span class="text">Email</span>
                                        <asp:TextBox ID="txtEmail" runat="server" CssClass="text_field field"></asp:TextBox>
                                    </div>
                                    <div class="rw1">
                                        <span class="text">&nbsp;</span>
                                        <div style="float: right">
                                            <asp:Button ID="btn_Submit" runat="server" Style="float: left; margin-right: 20px;"
                                                Text="Submit" CssClass="lgin" OnClick="btn_Submit_Click" OnClientClick="return validation();" />
                                            <asp:Button ID="btn_Clear" runat="server" Style="float: left" Text="Clear" CssClass="lgin"
                                                OnClick="btn_Clear_Click" />
                                        </div>
                                    </div>
                                </div>
                                <div class="clear">
                                </div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </div>
            </div>
            <div class="side-full">
                <!-- More Products -->
                <div class="more-products">
                    <div class="more-products-holder">
                        <ul id="foo2">
                            <li><a href="#">
                                <img src="css/images/small1.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small2.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small3.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small1.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small2.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small3.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small1.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small2.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small3.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small1.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small2.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small3.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small1.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small2.jpg" alt="" /></a></li>
                            <li><a href="#">
                                <img src="css/images/small3.jpg" alt="" /></a></li>
                        </ul>
                    </div>
                    <div class="more-nav">
                        <a href="#" id="foo2_prev" class="prev">previous</a> <a href="#" id="foo2_next" class="next">
                            next</a>
                    </div>
                </div>
                <!-- End More Products -->
            </div>
        </div>
    </div>
</asp:Content>
